@import '../../style/color.styl';
@import '../../style/base.styl';


.login_container 
  width 100%;
  height: 100vh;
  background-image: url(../../assets/images/bg.png);
  background-repeat:no-repeat;
  background-size: cover;
  background-position: center center; 
  
  .login_content 
      padding: 20px
      position relative
      width: 75%;
      top 50%;
      left: 50%;
      transform: translate(-50%,-50%)
      background: rgba(0,0,0,0.47);
      border-radius: 8px;
  
  .login_content__item 
      display: flex
      align-items: center
      border-bottom: 1px solid #cccccc
      padding: 20px 10px
      font-size: 32px
  
  .login_content__input 
      padding-left: 20px
      color:#FFF
  
  .login_content__btn 
      margin-top: 40px;
      border-radius: 44px
      color: #ffffff;
      background-color: $primary-color
      border: none
      font-size: 32px
      


